<template>
    <input class="yorha-input">
</template>

<script>
export default {
    name: "YorhaInput",
    props:['width','height']
}
</script>

<style lang="less" scoped>
@import "../../style";
.yorha-input {
    width: 300px;
    height: 36px;
    margin-top: 6px;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 4px;
    background: @white;
    color: @gray;
    border: none;
    outline: none;
    font-size: 18px;
    transition: all 300ms ease-in-out;
    &:focus {
        border-radius: 0;
        box-shadow: 2px 2px 0 @darkYellow;
    }
}
</style>